window.addEventListener('load',function(){
    // // 左侧栏二维码
    // //天刀助手
    // var td=document.querySelector('#wu-td');
    // //官方微信
    // var wx=document.querySelector('#wu-wx');
    // //天刀二维码
    // var tdma=document.querySelector('.wu-erweimaone');
    // //微信二维码
    // var wxma=document.querySelector('.wu-erweimatwo');

    $(function(){
        //点击天刀助手，二维码显示隐藏
        $("#wu-td").click(function() {
            $('#wu-wx').removeClass('current');
            $(this).addClass('current');
            $('.wu-erweimaone').show();
            $('.wu-erweimatwo').hide();
        });
         //点击官微信，二维码显示隐藏
        $("#wu-wx").click(function() {
            $('#wu-td').removeClass('current');
            $(this).addClass('current');
            $('.wu-erweimaone').hide();
            $('.wu-erweimatwo').show();
        });
        //图片高亮显示,左侧栏下方腾讯链接
         //鼠标进入的时候,其他的li标签透明度：0.5
         $(".wu-left-bottom li a").hover(function() {
            $(this).stop().fadeTo(400, 1);
            $(this).siblings().stop().fadeTo(400, 0.5);
        }, function() {
            // 鼠标离开，其他li 透明度改为 1
            $(this).siblings().stop().fadeTo(400, 0.5);
            $(this).stop().fadeTo(400, 0.5);
        })
        //右侧视频栏鼠标移入图标上移
        $('.wu-animate li').hover(function(){
            $(this).children('span').stop().animate({
                top:-50,
                opacity: 0
            },'linear');
            $(this).children('a').stop().animate({
                bottom:60
            },'linear');

        },function(){
            $(this).children('span').stop().animate({
                top:28,
                opacity: 1
            },'linear');
            $(this).children('a').stop().animate({
                bottom:30
            },'linear');
        })
           
          //点击图片拉伸
    //  var x = 0
      $('.wu-shousuo li').on('click',function(){
        var liLeft = parseInt($(this).css('left'));
        console.log(liLeft)
      //   console.log($(this).prevaAll())
        var indexwz=$(this).index();
        //获取精灵图虚
      var num=$(this).index()*(-68);
          //获取精灵图实
      var index=($(this).index()+6)*(-68);
      // x++;
     
 $('.wu-shousuo li').each(function(i,domEle){
     if(liLeft==0){
      if(i<=indexwz){
          //排序在点击图片的前面的
          // var newnum=(i+6)*(-68);
          $(this).stop().animate({
              left:-390
          }).find('div').stop().fadeIn();
         var xx= ($(this).index())*(-68);
         $(this).find('a').css({'background-position':xx});
      }else{
          $(this).stop().animate({
              left:0
          }).find('div').stop().fadeOut();
          var yy= ($(this).index())*(-68);
         $(this).find('a').css({'background-position':yy});
      }
     }else if(liLeft==-390){
      if(i<=indexwz){
          //排序在点击图片的前面的
          // var newnum=(i+6)*(-68);
          $(this).stop().animate({
              left:-390
          }).find('div').stop().fadeIn();
         var xx= ($(this).index())*(-68);
         $(this).find('a').css({'background-position':xx});
      }else{
          $(this).stop().animate({
              left:0
          }).find('div').stop().fadeOut();
          var yy= ($(this).index())*(-68);
         $(this).find('a').css({'background-position':yy});
      }


     }
          
 });
  if(liLeft!=0){
      $(this).stop().animate({
          left:0
      }).find('div').stop().fadeOut().siblings('a').css({'background-position':num});
  }else{
      $(this).stop().animate({
          left:-390
      }).find('div').stop().fadeIn().siblings('a').css({'background-position':index});
  
  }
      })












    })



})